<!--通讯录详情页-->
<div class="modal bg-opacity">
	<ion-header-bar>
		<button class="button button-icon" on-touch="method.modalCtrl('showDetail', 'hide');">
			<i class="icon ion-android-arrow-back"></i>
		</button>
		<button class="button button-icon" on-touch="method.editUser(detail)">
			<i class="icon ion-compose"></i>
		</button>
	</ion-header-bar>
	<ion-content overflow-scroll="false" scroll="false">
		<div class="user-info">
			<div class="user-avatar">
				<img src="{{detail.avatar}}"/>
			</div>
			<div class="info-list">
				<div class="ctrl-group">
					<label class="ctrl-label">Name</label>
					<div class="ctrl-con">
						<p>{{detail.name}}</p>
					</div>
				</div>
				<div class="ctrl-group">
					<label class="ctrl-label">Gender</label>
					<div class="ctrl-con">
						<p>{{detail.gender}}</p>
					</div>
				</div>
				<div class="ctrl-group">
					<label class="ctrl-label">Phone</label>
					<div class="ctrl-con">
						<p>{{detail.phone}}</p>
					</div>
				</div>
				<div class="ctrl-group">
					<label class="ctrl-label">Cell</label>
					<div class="ctrl-con">
						<p>{{detail.cell}}</p>
					</div>
				</div>
				<div class="ctrl-group">
					<label class="ctrl-label">Email</label>
					<div class="ctrl-con">
						<p class="ellipsis">{{detail.email}}</p>
					</div>
				</div>
				<div class="ctrl-group">
					<label class="ctrl-label">Address</label>
					<div class="ctrl-con">
						<p class="ellipsis">{{detail.address}}</p>
					</div>
				</div>
				<div class="ctrl-group">
					<label class="ctrl-label">Category</label>
					<div class="ctrl-con">
						<p>{{detail.cate}}</p>
					</div>
				</div>
			</div>
		</div>
	</ion-content>
</div>